<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>预防过敏网</title>
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="script/superfish/superfish.css" media="screen" />

    <script type="text/javascript" src="script/superfish/jquery-1.2.6.min.js"></script>

    <script type="text/javascript" src="script/superfish/hoverIntent.js"></script>

    <script type="text/javascript" src="script/superfish/superfish.js"></script>

    <script type="text/javascript" src="script/jcarousellite_1.0.1.pack.js"></script>

    <script type="text/javascript" src="script/jquery.idTabs.min.js"></script>

    <script type="text/javascript" src="script/png.js"></script>

    <script type="text/javascript">
        jQuery(function() {
            jQuery('ul.sf-menu').superfish();

            $(".video .content2").jCarouselLite({
                btnNext: ".video .next img",
                btnPrev: ".video .prev img",
                visible: 3,
                auto: 2000,
                speed: 800
            });

        });
    </script>

    <script type="text/javascript">
        var t = n = 0, count;
        $(document).ready(function() {
            count = $("#hp_lunhuan_list li").length;
            $("#hp_lunhuan_list li:not(:first-child)").hide();
            $("#hp_lunhuan_info").html($("#hp_lunhuan_list a:first-child").find("img").attr('alt'));
            $("#hp_lunhuan_info").click(function() { window.open($("#hp_lunhuan_list li:first-child").attr('href'), "_blank") });
            $("#hp_lunhuan li").click(function() {
                var i = $(this).text() - 1; //获取Li元素内的值，即1，2，3，4
                n = i;
                if (i >= count) return;
                $("#hp_lunhuan_info").html($("#hp_lunhuan_list li").eq(i).find("img").attr('alt'));
                $("#hp_lunhuan_info").unbind().click(function() { window.open($("#hp_lunhuan_list li").eq(i).attr('href'), "_blank") })
                $("#hp_lunhuan_list li").filter(":visible").fadeOut(1).parent().children().eq(i).fadeIn(1);
                document.getElementById("hp_lunhuan").style.background = "";
                $(this).toggleClass("on");
                $(this).siblings().removeAttr("class");
            });
            t = setInterval("showAuto()", 4000);
            $("#hp_lunhuan").hover(function() { clearInterval(t) }, function() { t = setInterval("showAuto()", 4000); });
        })

        function showAuto() {
            n = n >= (count - 1) ? 0 : ++n;
            $("#hp_lunhuan li").eq(n).trigger('click');
        }
    </script>

</head>
<body>
    <div class="header_warp" style="background-image: url(images/nav4.jpg)">
        <div class="header_insde">
            <div class="header_insde_swf">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
                    width="1003" height="142">
                    <param name="movie" value="media/3/kv3_1003_142.swf" />
                    <param name="quality" value="high" />
                    <param name="wmode" value="transparent" />
                    <embed src="media/3/kv3_1003_142.swf" width="1003" height="142" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
                        type="application/x-shockwave-flash" wmode="transparent"></embed>
                </object>
            </div>
            <div class="logo">
                <a href="#"></a>
            </div>
            <div class="navleft">
                <div style="width: 131px; height: 148px; position: absolute; margin-left: 12px; margin-top: 4px;
                    z-index: 100">
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
                        width="131" height="148">
                        <param name="movie" value="media/131_148.swf" />
                        <param name="quality" value="high" />
                        <param name="wmode" value="transparent" />
                        <embed src="media/131_148.swf" width="131" height="148" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
                            type="application/x-shockwave-flash" wmode="transparent"></embed>
                    </object>
                </div>
            </div>
            <div class="navmid">
                <div class="navinside">
                    <ul class="sf-menu">
                        <li class="menu1"><a href="index.html" class="tab tab1"><em>首页</em></a> </li>
                        <li class="menu2"><a href="#" class="tab tab2"><em>过敏小常识</em></a>
                            <ul class="menu2_sub">
                                <li style="width: 179px; height: 20px;"></li>
                                <li><a href='#/'>什么是过敏</a></li>
                                <li><a href='#'>宝宝过敏原因</a></li>
                                <li><a href='#'>宝宝常见过敏症状</a></li>
                                <li><a href='#'>为什么宝宝过敏风险高</a></li>
                            </ul>
                        </li>
                        <li class="menu3"><a href="#" class="tab tab3"><em>过敏风险测试</em></a> </li>
                        <li class="menu4"><a href="#" class="tab tab4"><em>预防过敏方案 </em></a>
                            <ul class="menu4_sub">
                                <li style="width: 179px; height: 20px;"></li>
                                <li><a href='#/'>宝宝过敏历程</a></li>
                                <li><a href='#'>如何预防宝宝过敏</a></li>
                                <li><a href='#'>什么是水解蛋白</a></li>
                                <li><a href='#'>母乳喂养预防宝宝过敏</a></li>
                            </ul>
                        </li>
                        <li class="menu5"><a href="#" class="tab tab5"><em>医生专区</em></a>
                            <ul class="menu5_sub">
                                <li style="width: 179px; height: 20px;"></li>
                                <li><a href='#/'>专家博客</a></li>
                                <li><a href='#'>医生在线问答</a></li>
                                <li><a href='#'>GINI研究</a></li>
                                <li><a href='#'>FDA最新研究</a></li>
                            </ul>
                        </li>
                        <li class="menu6"><a href="#" class="tab tab6"><em>妈妈证言 </em></a></li>
                    </ul>
                </div>
            </div>
            <div class="navright">
                <form style="padding-top: 84px;">
                <input name="" type="text" class="search" style="width: 114px; margin-left: 20px;
                    height: 20px; float: left; margin-top: 2px; background-color: #FAF7EE; color: #D1CDCA;
                    line-height: 20px;" value="请输入关键字" /><input name="" type="image" src="images/btn-search.jpg"
                        class="searchbtn" style="float: left" /></form>
            </div>
        </div>
    </div>
    <div class="bodywarp">
        <div class="mianbaoxue">
            <strong>
                <img src="images/now.jpg" width="97" height="15" /></strong><a href="#">首页</a>
            > <a href="#">过敏小常识</a></div>
        <div class="bodyinside1">
            <div class="bodyinside_left1">
                <div class="gm1 mb10" style="background-image: url(images/gm1.jpg); width: 721px;
                    height: 275px;">
                    <div class="tilte333" style="overflow: auto">
                        <img src="images/t_smsgm.png" style="padding: 13px 0px 0px 18px;" onload="fixPNG(this)" /></div>
                    <div class="in" style="height: 180px; _height: 210px;">
                        <div class="box">
                            <img src="images/3-t3.png" />
                            <p class="title">
                                什么是过敏遗传？</p>
                            <p class="content">
                                眼睛被称为心灵的窗口，如何才能让宝宝的眼睛雪亮？</p>
                            <p class="link">
                                <a href="#">查看详情</a></p>
                        </div>
                        <div class="box">
                            <img src="images/3-t3.png" />
                            <p class="title">
                                什么是过敏遗传？</p>
                            <p class="content">
                                眼睛被称为心灵的窗口，如何才能让宝宝的眼睛雪亮？</p>
                            <p class="link">
                                <a href="#">查看详情</a></p>
                        </div>
                    </div>
                    <div style="clear: both">
                    </div>
                    <div class="btn" style="margin-left: 390px;">
                        <a href="#"></a>
                    </div>
                </div>
                <div style="clear: both">
                </div>
                <div class="gm2 mb10">
                    <div class="tilte334">
                        <img src="images/t_bbgmyy.png" style="padding: 13px 0px 0px 18px;" onload="fixPNG(this)" /></div>
                    <div>
                        <div class="video">
                            <div class="prev" style="width: 21px; height: 100px; float: left; margin-left: 5px;">
                                <img src="images/13-4.jpg" width="21" height="60" style="padding-top: 30px;" /></div>
                            <div class="content2">
                                <ul>
                                    <li class="item2">
                                        <div class="box">
                                            <img src="images/3-c2.png" />
                                            <p class="title">
                                                什么是过敏遗传？</p>
                                            <p class="link">
                                                <a href="#">查看详情</a></p>
                                        </div>
                                    </li>
                                    <li class="item2">
                                        <div class="box">
                                            <img src="images/3-c2.png" />
                                            <p class="title">
                                                什么是过敏遗传？</p>
                                            <p class="link">
                                                <a href="#">查看详情</a></p>
                                        </div>
                                    </li>
                                    <li class="item2">
                                        <div class="box">
                                            <img src="images/3-c2.png" />
                                            <p class="title">
                                                什么是过敏遗传？</p>
                                            <p class="link">
                                                <a href="#">查看详情</a></p>
                                        </div>
                                    </li>
                                    <li class="item2">
                                        <div class="box">
                                            <img src="images/3-c2.png" />
                                            <p class="title">
                                                什么是过敏遗传？</p>
                                            <p class="link">
                                                <a href="#">查看详情</a></p>
                                        </div>
                                    </li>
                                    <li class="item2">
                                        <div class="box">
                                            <img src="images/3-c2.png" />
                                            <p class="title">
                                                什么是过敏遗传？</p>
                                            <p class="link">
                                                <a href="#">查看详情</a></p>
                                        </div>
                                    </li>
                                    <li class="item2">
                                        <div class="box">
                                            <img src="images/3-c2.png" />
                                            <p class="title">
                                                什么是过敏遗传？</p>
                                            <p class="link">
                                                <a href="#">查看详情</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="next" style="width: 21px; height: 100px; float: left">
                                <img src="images/13-5.jpg" style="padding-top: 30px;" /></div>
                        </div>
                    </div>
                </div>
                <div style="clear: both">
                </div>
                <div class="gm3">
                    <img src="images/gm3.jpg" /></div>
                <div class="gm4">
                    <div class="cards">
                        <div class="cards11">
                            <a class="selected" href="#tabs1"></a>
                        </div>
                        <div class="cards22">
                            <span>|</span></div>
                        <div class="cards33">
                            <a href="#tabs2"></a>
                        </div>
                    </div>
                    <div id="tabs1" class="cardinfo">
                        <div class="list">
                            <p class="s">
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p>
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p class="s">
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p>
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p class="s">
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p>
                                <a href="#">测试测试测试测试测试测试</a></p>
                        </div>
                        <div class="btn">
                            <a href="#"></a>
                        </div>
                    </div>
                    <div id="tabs2" class="cardinfo">
                        <div class="list">
                            <p class="s">
                                <a href="#">测试测试测试测试测试测试1</a></p>
                            <p>
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p class="s">
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p>
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p class="s">
                                <a href="#">测试测试测试测试测试测试</a></p>
                            <p>
                                <a href="#">测试测试测试测试测试测试</a></p>
                        </div>
                        <div class="btn">
                            <a href="#"></a>
                        </div>
                    </div>

                    <script type="text/javascript">
                        $(".gm4 .cards").idTabs("!mouseover");    
                    </script>

                    <div class="clean">
                    </div>
                </div>
                <div class="gm5">
                    <img src="images/gm5.jpg" /></div>
            </div>
            <div class="bodyinside_right1">
                <div class="rightbanner">
                    <a href="#">
                        <img src="images/right2.jpg" /></a></div>
                <div class="rightbanner">
                    <a href="#">
                        <img src="images/right3.jpg" /></a></div>
                <div class="rightbanner">
                    <a href="#">
                        <img src="images/3-r2.png" /></a></div>
                <div class="rightbanner">
                    <a href="#">
                        <img src="images/3-r3.png" /></a></div>
                <div class="rightbanner doyouknow">
                    <p>
                        <a href="#" class="selected">隐藏的食物过敏源&nbsp;<img src="images/dun.gif" align="absmiddle" /></a></p>
                    <p>
                        <a href="#">隐藏的食物过敏源</a></p>
                    <p>
                        <a href="#">隐藏的食物过敏源</a></p>
                    <p>
                        隐藏的食物过敏源</p>
                    <p>
                        隐藏的食物过敏源</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bodywarp_btn">
    </div>
    <div class="footer">
        <div class="footernav">
            <a href="#">网站地图</a> | <a href="#">关于预防过敏网</a> | <a href="#">联系我们</a> | <a href="#">
                版权说明</a> | <a href="#">隐私保护</a></div>
        <div class="footercopy">
            Copyright information</div>
    </div>
</body>
</html>
